<template>
  <div class="m-box">
    <el-tabs v-model="activeName">
      <el-tab-pane label="项目专班考核" name="one">
        <div class="pane-body">
          <div class="title-box">
            <img src="~@img/project/icon-kaohe.png" alt="" />
            <span>项目专班考核</span>
            <el-popover placement="top-start" width="340" trigger="hover">
              <p>总分=基础分+项目数量分+项目推进分+综合评定分</p>
              <img
                class="tips"
                slot="reference"
                src="~@img/project/icon-kaohe-information.png"
                alt=""
              />
            </el-popover>
          </div>
        </div>
        <div class="form form1">
          <el-form
            ref="form1"
            :model="form1"
            label-width="80px"
            :rules="rules"
            :inline-message="true"
          >
            <el-form-item
              label="请选择考核的项目专班"
              class="first"
              prop="class_name"
            >
              <el-select
                @change="changeSelect1"
                v-model="form1.class_name"
                placeholder="请选择"
              >
                <el-option
                  v-for="item of zb_options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
              </el-select>
            </el-form-item>

            <el-form-item
              label="1.项目专班基础分（初始100分）："
              prop="class_score1"
            >
              <el-input
                v-model="form1.class_score1"
                type="number"
                placeholder="请输入分数"
              ></el-input>

              <el-popover placement="top-start" width="240" trigger="hover">
                <p>各项目专班基础分为 100 分。</p>
                <img
                  class="tips relative"
                  slot="reference"
                  src="~@img/project/icon-kaohe-information.png"
                  alt=""
                />
              </el-popover>
              <p class="last-log">
                <span>上次评分：{{ old_form1.class_score1 }}</span>
                <span>上次评分时间：{{ old_form1.time }} </span>
              </p>
            </el-form-item>
            <el-form-item label="2.项目数量分：" prop="class_score2">
              <el-input
                v-model="form1.class_score2"
                type="number"
                placeholder="请输入分数"
              ></el-input>
              <el-popover placement="top-start" width="240" trigger="hover">
                <p>项目数量分，每招引立项一个项目加 10 分。</p>
                <img
                  class="tips relative"
                  slot="reference"
                  src="~@img/project/icon-kaohe-information.png"
                  alt=""
                />
              </el-popover>
              <p class="last-log">
                <span>上次评分：{{ old_form1.class_score2 }}</span>
                <span>上次评分时间：{{ old_form1.time }} </span>
              </p>
            </el-form-item>
            <el-form-item label="3.项目推进扣减分：" prop="class_score3">
              <el-input
                v-model="form1.class_score3"
                type="number"
                placeholder="请输入分数"
              ></el-input>
              <el-popover placement="top-start" width="240" trigger="hover">
                <p>
                  项目推进分，每月定期报送项目进度，未按时报送扣 2
                  分，未按照序时进度完成的项目扣 5
                  分，收到督办通知单未按时整改扣 10 分。
                </p>
                <img
                  class="tips relative"
                  slot="reference"
                  src="~@img/project/icon-kaohe-information.png"
                  alt=""
                />
              </el-popover>
              <p class="last-log">
                <span>上次评分：{{ old_form1.class_score3 }}</span>
                <span>上次评分时间：{{ old_form1.time }} </span>
              </p>
            </el-form-item>
            <el-form-item
              label="4.综合评定分（0 - 10 分）："
              prop="class_score4"
            >
              <el-input
                v-model="form1.class_score4"
                type="number"
                placeholder="请输入分数"
              ></el-input>
              <el-popover placement="top-start" width="240" trigger="hover">
                <p>
                  综合评定分，年底由领导小组办公室根据产业类型、项目产值、税收贡献、完成难易程度等要素进行评分，好的项目占
                  20%，打 8-10 分；一般项目占 60%， 打 4-7 分；缓慢项目占
                  20%，打 0-3 分。
                </p>
                <img
                  class="tips relative"
                  slot="reference"
                  src="~@img/project/icon-kaohe-information.png"
                  alt=""
                />
              </el-popover>
              <p class="last-log">
                <span>上次评分：{{ old_form1.class_score4 }}</span>
                <span>上次评分时间：{{ old_form1.time }} </span>
              </p>
            </el-form-item>
            <el-form-item>
              <el-button class="edit-btn" @click="submit(1)">编 辑</el-button>
              <el-button @click="submit(1)">提 交</el-button>
            </el-form-item>
          </el-form>
        </div>
      </el-tab-pane>
      <el-tab-pane label="县（市、区）、开发区考核" name="two">
        <div class="pane-body">
          <div class="title-box">
            <img src="~@img/project/icon-kaohe.png" alt="" />
            <span>对县（市、区）、开发区考核</span>
          </div>
          <div class="form form2">
            <el-form
              ref="form2"
              class="flex-box "
              :model="form2"
              label-width="80px"
              :rules="rules2"
              :inline-message="true"
            >
              <el-form-item
                label="请选择考核的县（市、区）、开发区"
                class="first"
                prop="district_name"
              >
                <el-select
                  @change="changeSelect2"
                  v-model="form2.district_name"
                  placeholder="请选择"
                >
                  <el-option
                    v-for="item of district_options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
              <el-form-item> </el-form-item>
              <el-form-item
                label="1.签约项目计划投资额完成率分（≤10 分）："
                prop="district_score1"
              >
                <el-input
                  v-model="form2.district_score1"
                  type="number"
                  placeholder="请输入分数"
                ></el-input>
                <el-popover placement="top-start" width="240" trigger="hover">
                  <p>
                    签约项目计划投资额完成率分值=当年签约项目计划投资金额/当年签约项目目标任务金额×6
                    分+（Dn/D1）×4 分。
                  </p>
                  <pre></pre>
                  <p>★Dn表示本单位完成率，D1表示排名第一单位的完成率。</p>
                  <img
                    class="tips relative"
                    slot="reference"
                    src="~@img/project/icon-kaohe-information.png"
                    alt=""
                  />
                </el-popover>
                <p class="last-log">
                  <span>上次评分：{{ old_form2.district_score1 }}</span>
                  <span>上次评分时间：{{ old_form2.time }} </span>
                </p>
              </el-form-item>
              <el-form-item
                label="2.签约项目当年开工率分（≤5 分）："
                prop="district_score2"
              >
                <el-input
                  v-model="form2.district_score2"
                  type="number"
                  placeholder="请输入分数"
                ></el-input>
                <el-popover placement="top-start" width="240" trigger="hover">
                  <p>签约项目当年开工率分值=开工率/开工率目标任务×5 分。</p>
                  <pre></pre>
                  <p>
                    注：总部楼宇经济等现代服务业非固定资产投资项目不纳入开工率统计范围。
                  </p>
                  <img
                    class="tips relative"
                    slot="reference"
                    src="~@img/project/icon-kaohe-information.png"
                    alt=""
                  />
                </el-popover>
                <p class="last-log">
                  <span>上次评分：{{ old_form2.district_score2 }}</span>
                  <span>上次评分时间：{{ old_form2.time }} </span>
                </p>
              </el-form-item>
              <el-form-item
                label="3.新开工项目计划投资额完成率分（≤25 分）："
                prop="district_score3"
              >
                <el-input
                  v-model="form2.district_score3"
                  type="number"
                  placeholder="请输入分数"
                ></el-input>
                <el-popover placement="top-start" width="240" trigger="hover">
                  <p>
                    新开工项目计划投资额完成率分值=新开工固定资产投资项目计划总投资额/新开工固定资产投资项目目标总投资额×15分
                    +（Dn/D1）×10 分。
                  </p>
                  <pre></pre>
                  <p>★Dn表示本单位完成率，D1表示排名第一单位的完成率。</p>
                  <img
                    class="tips relative"
                    slot="reference"
                    src="~@img/project/icon-kaohe-information.png"
                    alt=""
                  />
                </el-popover>
                <p class="last-log">
                  <span>上次评分：{{ old_form2.district_score3 }}</span>
                  <span>上次评分时间：{{ old_form2.time }} </span>
                </p>
              </el-form-item>
              <el-form-item
                label="4.到位资金率分（≤25 分）："
                prop="district_score4"
              >
                <el-input
                  v-model="form2.district_score4"
                  type="number"
                  placeholder="请输入分数"
                ></el-input>
                <el-popover placement="top-start" width="400" trigger="hover">
                  <p>到位资金率分值=新开工固定资产投资项目当年到位资金率</p>
                  <p>分值+非固定资产投资项目当年到位资金率分值。</p>
                  <p>新开工固定资产投资项目当年到位资金率分值=新开工固定</p>
                  <p>
                    资产投资项目当年到位资金额/新开工固定资产投资项目目标到位资金额×10
                    分+（Dn/D1）×5 分
                  </p>
                  <p>非固定资产投资项目当年到位资金率分值=非固定资产投资</p>
                  <p>
                    项目当年到位资金额/非固定资产投资项目目标到位资金额×6
                    分+（Dn/D1）×4 分。
                  </p>
                  <pre></pre>
                  <p>★Dn表示本单位完成率，D1表示排名第一单位的完成率。</p>
                  <img
                    class="tips relative"
                    slot="reference"
                    src="~@img/project/icon-kaohe-information.png"
                    alt=""
                  />
                </el-popover>
                <p class="last-log">
                  <span>上次评分：{{ old_form2.district_score4 }}</span>
                  <span>上次评分时间：{{ old_form2.time }} </span>
                </p>
              </el-form-item>
              <el-form-item
                label="5.投产项目完成率分（≤10 分）："
                prop="district_score5"
              >
                <el-input
                  v-model="form2.district_score5"
                  type="number"
                  placeholder="请输入分数"
                ></el-input>
                <el-popover placement="top-start" width="240" trigger="hover">
                  <p>投产项目完成率分值=投产项目数/投产项目目标数×10分。</p>
                  <img
                    class="tips relative"
                    slot="reference"
                    src="~@img/project/icon-kaohe-information.png"
                    alt=""
                  />
                </el-popover>
                <p class="last-log">
                  <span>上次评分：{{ old_form2.district_score5 }}</span>
                  <span>上次评分时间：{{ old_form2.time }} </span>
                </p>
              </el-form-item>
              <el-form-item
                label="6.引进大项目、好项目、外资项目分（≤15 分）："
                prop="district_score6"
              >
                <el-input
                  v-model="form2.district_score6"
                  type="number"
                  placeholder="请输入分数"
                ></el-input>
                <el-popover placement="top-start" width="480" trigger="hover">
                  <p><strong>大项目引进分值</strong></p>
                  <p>
                    （1）新引进投资 10 亿元以上的内资项目，且当年到位资金达 3
                    亿元以上，每个项目加 5 分。
                  </p>
                  <p>
                    （2）新引进投资 5 亿元以上的内资项目，且当年到位资金达 2
                    亿元以上，每个项目加 3 分。
                  </p>
                  <p>
                    （3）新引进投资 5 亿元以上的内资项目，且当年到位资金达 1
                    亿元以上，每个项目加 1 分。
                  </p>
                  <p><strong>好项目引进分值</strong></p>
                  <p>
                    （1）新引进高新技术企业投资的项目，且当年到位资金1000万元以上，每个项目加
                    1 分；当年到位资金 500 万元以上，每个项目加 0.5 分。
                  </p>
                  <p>
                    （2）新引进总部经济项目，且自登记注册之日起，一个年度内，在我市上缴税收
                    3000 万元以上，每个项目加 2 分；上缴税收 2000
                    万元以上，每个项目加 1 分。
                  </p>
                  <p>
                    （3）新引进上市公司总部项目（不包括区域总部），每个项目加 3
                    分。
                  </p>
                  <p>
                    （4）新引进制造业“单项冠军”示范企业和“单项冠军产品”企业投资的项目，且当年到位资金
                    1000 万元以上，每个项目加 1 分；当年到位资金 500
                    万元以上，每个项目加 0.5 分。
                  </p>
                  <p>
                    （5）新引进专精特新“小巨人”企业投资的项目，且当年到位资金
                    1000 万元以上，每个项目加 1 分；当年到位资金
                    500万元以上，每个项目加 0.5 分。
                  </p>
                  <p><strong>外资项目引进分值</strong></p>
                  <p>
                    （1）当年签约并登记注册的外商直接投资项目，到位资金达 3000
                    万美元以上，每个项目加 5 分。
                  </p>
                  <p>
                    （2）当年签约并登记注册的外商直接投资项目，到位资金达 1000
                    万美元以上，每个项目加 2 分。
                  </p>
                  <p>
                    （3）当年签约并登记注册的外商直接投资项目，到位资金达 500
                    万美元以上，每个项目加 1 分。
                  </p>

                  <img
                    class="tips relative"
                    slot="reference"
                    src="~@img/project/icon-kaohe-information.png"
                    alt=""
                  />
                </el-popover>
                <p class="last-log">
                  <span>上次评分：{{ old_form2.district_score6 }}</span>
                  <span>上次评分时间：{{ old_form2.time }} </span>
                </p>
              </el-form-item>
              <el-form-item
                label="7.其他事项分（≤10 分）："
                prop="district_score7"
              >
                <el-input
                  v-model="form2.district_score7"
                  type="number"
                  placeholder="请输入分数"
                ></el-input>
                <el-popover placement="top-start" width="500" trigger="hover">
                  <p>
                    （1）能够按要求时限提供可利用土地、厂房、楼宇等载体资源信息的，加
                    3 分。
                  </p>
                  <p>
                    （2）能够及时了解项目存在的问题，提供需省级、市级层面协调解决问题清单，提出合理性、建设性意见和典型问题案例，并能够形成高质量专项报告，每份报告加
                    0.5 分，最高加 1 分。
                  </p>
                  <p>
                    （3）能够提供引进大项目和好项目典型案例，并对典型案例进行深入分析，分析成功经验，提供分析报告，每份报告加
                    1分，最高加 2 分。
                  </p>
                  <p>
                    （4）对重大招商引资项目，能够采用市场化运作方式，聘请专业机构进行包装策划，提高招商项目质量，每包装策划一个重点招商项目加
                    0.1 分，最高加 2 分。
                  </p>
                  <p>
                    （5）能够按要求及时提供招商引资相关信息，按照采纳信息条数对各县（市、区）、开发区进行排名，前三名各得
                    2 分，最后一名扣 2 分。
                  </p>

                  <img
                    class="tips relative"
                    slot="reference"
                    src="~@img/project/icon-kaohe-information.png"
                    alt=""
                  />
                </el-popover>
                <p class="last-log">
                  <span>上次评分：{{ old_form2.district_score7 }}</span>
                  <span>上次评分时间：{{ old_form2.time }} </span>
                </p>
              </el-form-item>
              <el-form-item label="8.附加分：" prop="district_score8">
                <el-input
                  v-model="form2.district_score8"
                  type="number"
                  placeholder="请输入分数"
                ></el-input>
                <el-popover placement="top-start" width="500" trigger="hover">
                  <p>
                    （1）聚焦产业链关键节点和缺失环节，强龙头、延链条、建集群，引进重点产业集群项目占引进项目总数达到
                    70%的开发区，加 5 分；占比每增加 5%，加 2
                    分。引进重点产业集群项目占引进项目总数达到
                    40%的各县（市、区），加 5 分；占比每增加 5%，加 2 分。
                  </p>
                  <p>
                    （2）完成年度开工项目个数目标任务的，每增加一个新开工项目，加
                    3 分。
                  </p>
                  <p>
                    （3）完成年度投产项目个数目标任务的，每增加一个新投产项目，加
                    5 分。
                  </p>
                  <p>
                    （4）历年签约项目开工考核。根据各县（市、区）、开发区历年招商引资签约项目情况，按照当年签约项目当年开工率不低于
                    30%，
                  </p>

                  <img
                    class="tips relative"
                    slot="reference"
                    src="~@img/project/icon-kaohe-information.png"
                    alt=""
                  />
                </el-popover>
                <p class="last-log">
                  <span>上次评分：{{ old_form2.district_score8 }}</span>
                  <span>上次评分时间：{{ old_form2.time }} </span>
                </p>
              </el-form-item>
              <el-form-item>
                <el-button class="edit-btn" @click="submit(2)">编 辑</el-button>
                <el-button @click="submit(2)">提 交</el-button>
              </el-form-item>
            </el-form>
          </div>
        </div>
      </el-tab-pane>
      <el-tab-pane label="市直有关单位考核" name="three">
        <div class="pane-body">
          <div class="title-box">
            <img src="~@img/project/icon-kaohe.png" alt="" />
            <span>对承担招商引资任务的市直有关单位和群团组织考核</span>
          </div>
          <div class="form form3">
            <el-form
              ref="form3"
              class="flex-box "
              :model="form3"
              label-width="80px"
              :rules="rules3"
              :inline-message="true"
            >
              <el-form-item
                label="请选择市直有关单位"
                class="first"
                prop="unit_name"
              >
                <el-select
                  @change="changeSelect3"
                  v-model="form3.unit_name"
                  placeholder="请选择"
                >
                  <el-option
                    v-for="item of dw_options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>
              <el-form-item></el-form-item>
              <el-form-item
                label="1.有效招商信息分值（基础分值 20 分）："
                prop="unit_score1"
              >
                <el-input
                  v-model="form3.unit_score1"
                  type="number"
                  placeholder="请输入分数"
                ></el-input>
                <el-popover placement="top-start" width="430" trigger="hover">
                  <p>
                    1.有效招商信息分值（企业高层来我市考察或邀请市领导外出对接)（基础分值
                    20
                    分）完成有效招商信息年度目标任务，并及时报送考察或对接报告的得
                    20 分，每增加 1 条有效招商信息且形成报告的加 1 分, 最高加 10
                    分。未完成的按比例扣分。
                  </p>
                  <img
                    class="tips relative"
                    slot="reference"
                    src="~@img/project/icon-kaohe-information.png"
                    alt=""
                  />
                </el-popover>
                <p class="last-log">
                  <span>上次评分：{{ old_form3.unit_score1 }}</span>
                  <span>上次评分时间：{{ old_form3.time }} </span>
                </p>
              </el-form-item>
              <el-form-item
                label="2.签约项目数分值（基础分值 25 分）："
                prop="unit_score2"
              >
                <el-input
                  v-model="form3.unit_score2"
                  type="number"
                  placeholder="请输入分数"
                ></el-input>
                <el-popover placement="top-start" width="430" trigger="hover">
                  <p>
                    2.签约项目数分值（基础分值 25
                    分）围绕产业链关键节点和缺失环节引进项目，完成年度签约目标任务的得
                    25 分，每增加 1 个签约项目加 5 分，最高加 15
                    分。未完成的按比例扣分。
                  </p>
                  <img
                    class="tips relative"
                    slot="reference"
                    src="~@img/project/icon-kaohe-information.png"
                    alt=""
                  />
                </el-popover>
                <p class="last-log">
                  <span>上次评分：{{ old_form3.unit_score2 }}</span>
                  <span>上次评分时间：{{ old_form3.time }} </span>
                </p>
              </el-form-item>
              <el-form-item
                label="3.开工项目数分值（基础分值 30 分）："
                prop="unit_score3"
              >
                <el-input
                  v-model="form3.unit_score3"
                  type="number"
                  placeholder="请输入分数"
                ></el-input>
                <el-popover placement="top-start" width="430" trigger="hover">
                  <p>
                    3.开工项目数分值（基础分值 30 分）完成年度新开工目标任务的得
                    30 分，每增加 1 个开工项目加 5 分。未完成的按比例扣分。
                  </p>
                  <img
                    class="tips relative"
                    slot="reference"
                    src="~@img/project/icon-kaohe-information.png"
                    alt=""
                  />
                </el-popover>
                <p class="last-log">
                  <span>上次评分：{{ old_form3.unit_score3 }}</span>
                  <span>上次评分时间：{{ old_form3.time }} </span>
                </p>
              </el-form-item>
              <el-form-item
                label="4.投产项目数分值（基础分值 25 分）："
                prop="unit_score4"
              >
                <el-input
                  v-model="form3.unit_score4"
                  type="number"
                  placeholder="请输入分数"
                ></el-input>
                <el-popover placement="top-start" width="430" trigger="hover">
                  <p>
                    4.投产项目数分值（基础分值 25 分）完成年度新投产目标任务的得
                    25 分，每增加 1 个投产项目加 5 分。未完成的按比例扣分。
                  </p>
                  <img
                    class="tips relative"
                    slot="reference"
                    src="~@img/project/icon-kaohe-information.png"
                    alt=""
                  />
                </el-popover>
                <p class="last-log">
                  <span>上次评分：{{ old_form3.unit_score4 }}</span>
                  <span>上次评分时间：{{ old_form3.time }} </span>
                </p>
              </el-form-item>
              <el-form-item label="5.附加分：" prop="unit_score5">
                <el-input
                  v-model="form3.unit_score5"
                  type="number"
                  placeholder="请输入分数"
                ></el-input>
                <el-popover placement="top-start" width="430" trigger="hover">
                  <p>
                    5.附加分（1）引进项目为国内外 500
                    强企业或国内行业（产业）50强企业投资的，每个加 10
                    分。（2）引进项目为外资项目的，每个加 5 分，最高加 15 分。
                    （3）引进投资额 3 亿元及以上的项目，每个加 5 分；引进投资额
                    5 亿元及以上的项目，每个加 10
                    分。（4）举办重大招商活动，每组织一次加 5 分，最高加 10
                    分。首元:
                  </p>
                  <img
                    class="tips relative"
                    slot="reference"
                    src="~@img/project/icon-kaohe-information.png"
                    alt=""
                  />
                </el-popover>
                <p class="last-log">
                  <span>上次评分：{{ old_form3.unit_score5 }}</span>
                  <span>上次评分时间：{{ old_form3.time }} </span>
                </p>
              </el-form-item>
              <el-form-item></el-form-item>
              <el-form-item>
                <el-button class="edit-btn" @click="submit(3)">编 辑</el-button>
                <el-button @click="submit(3)">提 交</el-button>
              </el-form-item>
            </el-form>
          </div>
        </div>
      </el-tab-pane>
      <el-tab-pane label="驻外办事机构考核" name="four">
        <div class="pane-body">
          <div class="title-box">
            <img src="~@img/project/icon-kaohe.png" alt="" />
            <span>对市政府驻外办事机构及其他派驻的专业招商队伍考核</span>
          </div>
          <div class="form form4">
            <el-form
              ref="form4"
              :model="form4"
              label-width="80px"
              :rules="rules4"
              :inline-message="true"
            >
              <el-form-item
                label="请选择驻外办事机构 "
                class="first"
                prop="offices_name"
              >
                <el-select
                  @change="changeSelect4"
                  v-model="form4.offices_name"
                  placeholder="请选择"
                >
                  <el-option
                    v-for="item of zy_options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  ></el-option>
                </el-select>
              </el-form-item>

              <el-form-item
                label="1.引进项目数分值（基础分值 80 分）：  "
                prop="offices_score1"
              >
                <el-input
                  v-model="form4.offices_score1"
                  type="number"
                  placeholder="请输入分数"
                ></el-input>
                <el-popover placement="top-start" width="500" trigger="hover">
                  <p>
                    完成年度签约目标任务得 80 分，每增加 1 个签约项目加
                    5分，最高加 15 分。未完成任务的按比例扣分。
                  </p>
                  <img
                    class="tips relative"
                    slot="reference"
                    src="~@img/project/icon-kaohe-information.png"
                    alt=""
                  />
                </el-popover>
                <p class="last-log">
                  <span>上次评分：{{ old_form4.offices_score1 }}</span>
                  <span>上次评分时间：{{ old_form4.time }} </span>
                </p>
              </el-form-item>
              <el-form-item
                label="2.建立渠道和搭建平台工作分值（≤20 分）：  "
                prop="offices_score2"
              >
                <el-input
                  v-model="form4.offices_score2"
                  type="number"
                  placeholder="请输入分数"
                ></el-input>
                <el-popover placement="top-start" width="500" trigger="hover">
                  <p>
                    （1）与所联系区域相关政府部门、国内外商会、行业协会及产业联盟、重点企业、相关机构等建立工作机制，加强广泛联系，签署相关合作协议。每建立
                    1 个渠道得 1 分，最高不超过 5分。
                  </p>
                  <p>
                    （2）与“两院”院士、专家院所、研发机构（团队）及与我市科技创新等相关的知名专家学者搭建对接平台，建立合作渠道。每建立1
                    个渠道得 1 分，最高不超过 5 分。
                  </p>
                  <p>
                    （3）聚焦市域产业全覆盖，搜集重点企业布局和投资信息，掌握重点企业名单，建立、及时更新客商资源信息库，并做好客商邀请对接服务。每搜集一条相关信息并完成客商邀请对接得0.5
                    分，最高不超过2.5 分。
                  </p>
                  <p>
                    （4）协助做好外地企业来并考察，重点邀请世界 500 强、中国 500
                    强、民营 500
                    强企业、行业龙头企业、细分领域头部企业负责人及知名专家学者等来并考察洽谈对接。每邀请
                    1 次来并考察得 1 分，最高不超过 3 分。
                  </p>
                  <p>
                    （5）结合所联系区域情况开展投资促进和双招双引专题调研，提出加强产业发展、招商引资和投资合作等相关意见和建议，并形成调研报告，报市委市政府领导决策参考。每完成
                    1 篇报告得 1 分，最高不超过 2 分。
                  </p>
                  <p>
                    （6）收集研究所联系区域政府部门出台的各类投资促进和招商引资优惠政策，投资促进和招商引资工作中的好经验、好做法以及其他相关工作举措等，报太原市招商引资领导组办公室（市外来投资局）。每搜集
                    1 条相关信息得 0.5 分，最高不超过2.5 分。
                  </p>
                  <img
                    class="tips relative"
                    slot="reference"
                    src="~@img/project/icon-kaohe-information.png"
                    alt=""
                  />
                </el-popover>
                <p class="last-log">
                  <span>上次评分：{{ old_form4.offices_score2 }}</span>
                  <span>上次评分时间：{{ old_form4.time }} </span>
                </p>
              </el-form-item>
              <el-form-item label="3.附加分：  " prop="offices_score3">
                <el-input
                  v-model="form4.offices_score3"
                  type="number"
                  placeholder="请输入分数"
                ></el-input>
                <el-popover placement="top-start" width="500" trigger="hover">
                  <p>
                    （1）引进项目为国内外 500
                    强企业或国内行业（产业）50强企业投资的，每个加 10 分。
                  </p>
                  <p>（2）引进项目为外资项目的，每个加 5 分。</p>
                  <p>
                    （3）引进投资额 3 亿元及以上的项目，每个加 5 分；引进投资额
                    5 亿元及以上的项目，每个加 10 分。
                  </p>
                  <p>
                    （4）举办重大招商活动，每组织一次加 5 分，最高不超过10 分。
                  </p>
                  <img
                    class="tips relative"
                    slot="reference"
                    src="~@img/project/icon-kaohe-information.png"
                    alt=""
                  />
                </el-popover>
                <p class="last-log">
                  <span>上次评分：{{ old_form4.offices_score3 }}</span>
                  <span>上次评分时间：{{ old_form4.time }} </span>
                </p>
              </el-form-item>
              <el-form-item>
                <el-button class="edit-btn" @click="submit(4)">编 辑</el-button>
                <el-button @click="submit(4)">提 交</el-button>
              </el-form-item>
            </el-form>
          </div>
        </div>
      </el-tab-pane>
      <el-tab-pane label="服务保障部门考核" name="five">
        <div class="pane-body">
          <div class="title-box">
            <img src="~@img/project/icon-kaohe.png" alt="" />
            <span>对承担服务保障等任务的职能部门考核</span>
          </div>
        </div>
        <div class="form form5">
          <el-form
            ref="form5"
            :model="form5"
            label-width="80px"
            :rules="rules5"
            :inline-message="true"
          >
            <el-form-item
              class="s-long first"
              :label="
                '请选择服务保障部门 (评分标准：以 100 分为基准进行加减分)'
              "
              prop="department_name"
            >
              <el-select
                @change="changeSelect5"
                v-model="form5.department_name"
                placeholder="请选择"
              >
                <el-option
                  v-for="item of bz_options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                ></el-option>
              </el-select>
              <el-popover placement="top-start" width="900" trigger="hover">
                <p>
                  （1）市外来投资局，针对每个招商引资上门项目，于 10
                  个工作日内完成初步对接洽谈，牵头组织项目前期初步论证，形成项目专题报告。
                </p>
                <p>
                  （2）市行业主管部门，于 10
                  个工作日内会同项目承接县（市、区）、开发区细化三方协议，出具《太原市政府签约项目专家论证意见》。
                </p>
                <p>
                  （3）市司法局，于 5
                  个工作日内完成市政府签约项目合作协议的合法性审查，并出具《太原市政府签约项目协议合法性审查意见》。
                </p>
                <p>
                  （4）市市场监管局，于 3
                  个工作日内完成公平竞争审查，完成《太原市公平竞争审查表》备案工作。
                </p>
                <p>
                  （5）市审批服务管理局，按照项目计划书要求时限完成各项手续审批等前期保障工作。
                </p>
                <p>
                  （6）市规划和自然资源局，按照项目计划书要求时限提供土地规划及可利用土地情况，落实项目建设用地前期保障工作。
                </p>
                <p>
                  （7）市住建局，按照项目计划书要求时限落实项目周边市政道路建设，以及对依附城市道路的城市供水、供电、供气、供热、通信、消防、交通设施等工程同步建设施工的组织协调。
                </p>
                <p>
                  （8）市城乡管理局，按照项目计划书要求时限协调落实项目所需的城市雨水、污水处理、供水、供气、供热等市政基础设施相关问题的配套及保障工作。
                </p>
                <p>
                  （9）上述以及其他涉及服务保障的职能部门按照项目计划书要求时限落实项目所需的保障工作。
                </p>
                <img
                  class="tips absolute"
                  slot="reference"
                  src="~@img/project/icon-kaohe-information.png"
                  alt=""
                />
              </el-popover>
            </el-form-item>
            <el-form-item
              class="long"
              label="1.按项目计划书要求时限提前 1 个月（含）以上开工运营的（以统计部门项目开工建设标准为依据），相关责任单位分别加 30 分："
              prop="department_score1"
            >
              <el-input
                v-model="form5.department_score1"
                type="number"
                placeholder="请输入分数"
              ></el-input>
              <p class="last-log">
                <span>上次评分：{{ old_form5.department_score1 }}</span>
                <span>上次评分时间：{{ old_form5.time }} </span>
              </p>
            </el-form-item>
            <el-form-item
              class="long"
              label="2.按项目计划书要求时限完成相关工作的，每个项目加10 分："
              prop="department_score2"
            >
              <el-input
                v-model="form5.department_score2"
                type="number"
                placeholder="请输入分数"
              ></el-input>
              <p class="last-log">
                <span>上次评分：{{ old_form5.department_score2 }}</span>
                <span>上次评分时间：{{ old_form5.time }} </span>
              </p>
            </el-form-item>
            <el-form-item
              class="long"
              label="3.因工作不力，导致项目未能按项目计划书要求时限开工运营的，责任单位扣 30 分。督导未按时整改的，加倍扣分："
              prop="department_score3"
            >
              <el-input
                v-model="form5.department_score3"
                type="number"
                placeholder="请输入分数"
              ></el-input>
              <p class="last-log">
                <span>上次评分：{{ old_form5.department_score3 }}</span>
                <span>上次评分时间：{{ old_form5.time }} </span>
              </p>
            </el-form-item>
            <el-form-item
              class="long"
              label="4.因工作不力，导致项目未能按项目计划书要求时限投产达效的，责任单位扣 30 分。督导未按时整改的，加倍扣分："
              prop="department_score4"
            >
              <el-input
                v-model="form5.department_score4"
                type="number"
                placeholder="请输入分数"
              ></el-input>
              <p class="last-log">
                <span>上次评分：{{ old_form5.department_score4 }}</span>
                <span>上次评分时间：{{ old_form5.time }} </span>
              </p>
            </el-form-item>
            <el-form-item>
              <el-button class="edit-btn" @click="submit(5)">编 辑</el-button>
              <el-button @click="submit(5)">提 交</el-button>
            </el-form-item>
          </el-form>
        </div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import {
  EditClassScore,
  EditDistrictScore,
  EditUnitScore,
  EditOverseasScore,
  EditServiceDepartmentScore,
  ClassDropDownBox,
  GetInputData,
} from "@/api/project";
export default {
  data() {
    const rule1 = (rule, value, callback) => {
      if (value <= 0) {
        callback(new Error("输入分数需大于0"));
      } else {
        callback();
      }
    };
    const rule2 = (rule, value, callback) => {
      if (value < 0) {
        callback(new Error("输入分数需大于等于0"));
      } else {
        callback();
      }
    };
    const rule3 = (rule, value, callback) => {
      if (value > 0) {
        callback(new Error("输入分数需小于等于0"));
      } else {
        callback();
      }
    };
    const rule5 = (rule, value, callback) => {
      if (value < 0 || value > 5) {
        callback(new Error("输入分数需介于0和5之间（可等于0和5）"));
      } else {
        callback();
      }
    };
    const rule10 = (rule, value, callback) => {
      if (value < 0 || value > 10) {
        callback(new Error("输入分数需介于0和10之间（可等于0和10）"));
      } else {
        callback();
      }
    };
    const rule15 = (rule, value, callback) => {
      if (value < 0 || value > 15) {
        callback(new Error("输入分数需介于0和15之间（可等于0和15）"));
      } else {
        callback();
      }
    };
    const rule20 = (rule, value, callback) => {
      if (value < 0 || value > 20) {
        callback(new Error("输入分数需介于0和20之间（可等于0和20）"));
      } else {
        callback();
      }
    };
    const rule25 = (rule, value, callback) => {
      if (value < 0 || value > 25) {
        callback(new Error("输入分数需介于0和25之间（可等于0和25）"));
      } else {
        callback();
      }
    };
    return {
      activeName: "one",
      rules: {
        class_name: [
          { required: true, message: "请选择专班", trigger: "change" },
        ],
        class_score1: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule1,
            trigger: "blur",
          },
        ],
        class_score2: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule2,
            trigger: "blur",
          },
        ],
        class_score3: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule3,
            trigger: "blur",
          },
        ],
        class_score4: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule10,
            trigger: "blur",
          },
        ],
      },
      rules2: {
        district_name: [
          {
            required: true,
            message: "请选择县（市、区）、开发区",
            trigger: "change",
          },
        ],
        district_score1: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule10,
            trigger: "blur",
          },
        ],
        district_score2: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule5,
            trigger: "blur",
          },
        ],
        district_score3: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule25,
            trigger: "blur",
          },
        ],
        district_score4: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule25,
            trigger: "blur",
          },
        ],
        district_score5: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule10,
            trigger: "blur",
          },
        ],
        district_score6: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule15,
            trigger: "blur",
          },
        ],
        district_score7: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule10,
            trigger: "blur",
          },
        ],
        district_score8: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule2,
            trigger: "blur",
          },
        ],
      },
      rules3: {
        unit_name: [
          {
            required: true,
            message: "请选择市直有关单位",
            trigger: "change",
          },
        ],
        unit_score1: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule2,
            trigger: "blur",
          },
        ],
        unit_score2: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule2,
            trigger: "blur",
          },
        ],
        unit_score3: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule2,
            trigger: "blur",
          },
        ],
        unit_score4: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule2,
            trigger: "blur",
          },
        ],
        unit_score5: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule2,
            trigger: "blur",
          },
        ],
      },
      rules4: {
        offices_name: [
          {
            required: true,
            message: "请选择驻外办事机构",
            trigger: "change",
          },
        ],
        offices_score1: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule2,
            trigger: "blur",
          },
        ],
        offices_score2: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule20,
            trigger: "blur",
          },
        ],
        offices_score3: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule2,
            trigger: "blur",
          },
        ],
      },
      rules5: {
        department_name: [
          {
            required: true,
            message: "请选择服务保障部门",
            trigger: "change",
          },
        ],
        department_score1: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule2,
            trigger: "blur",
          },
        ],
        department_score2: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule2,
            trigger: "blur",
          },
        ],
        department_score3: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule3,
            trigger: "blur",
          },
        ],
        department_score4: [
          { required: true, message: "请输入分数", trigger: "blur" },
          {
            validator: rule3,
            trigger: "blur",
          },
        ],
      },
      district_options: [
        { label: "小店区", value: "小店区" },
        { label: "迎泽区", value: "迎泽区" },
        { label: "杏花岭区", value: "杏花岭区" },
        { label: "万柏林区", value: "万柏林区" },
        { label: "尖草坪区", value: "尖草坪区" },
        { label: "晋源区", value: "晋源区" },
        { label: "古交市", value: "古交市" },
        { label: "清徐县", value: "清徐县" },
        { label: "阳曲县", value: "阳曲县" },
        { label: "娄烦县", value: "娄烦县" },
        { label: "中北高新区", value: "中北高新区" },
        { label: "西山示范区", value: "西山示范区" },
        { label: "清徐开发区", value: "清徐开发区" },
        { label: "阳曲示范区", value: "阳曲示范区" },
      ],
      zb_options: [
        { label: "项目专班5A", value: "项目专班5A" },
        { label: "项目专班A", value: "项目专班A" },
        { label: "项目专班B", value: "项目专班B" },
        { label: "项目专班C", value: "项目专班C" },
        { label: "项目专班D", value: "项目专班D" },
        { label: "项目专班E", value: "项目专班E" },
        { label: "项目专班F", value: "项目专班F" },
        { label: "项目专班G", value: "项目专班G" },
        { label: "项目专班H", value: "项目专班H" },
        { label: "项目专班I", value: "项目专班I" },
        { label: "项目专班J", value: "项目专班J" },
      ],
      dw_options: [
        { label: "市外来投资局", value: "市外来投资局" },
        { label: "市工信局", value: "市工信局" },
        { label: "市国资委", value: "市国资委" },
        { label: "市发展改革委", value: "市发展改革委" },
        { label: "市科技局", value: "市科技局" },
        { label: "市商务局", value: "市商务局" },
        { label: "市农业农林局", value: "市农业农林局" },
        { label: "市文旅局", value: "市文旅局" },
        { label: "市金融办", value: "市金融办" },
        { label: "市大数据局", value: "市大数据局" },
        { label: "市能源局", value: "市能源局" },
        { label: "市教育局", value: "市教育局" },
        { label: "市民政局", value: "市民政局" },
        { label: "市财政局", value: "市财政局" },
        { label: "市人社局", value: "市人社局" },
        { label: "市规划和自然", value: "市规划和自然" },
        { label: "市资源局资源局", value: "市资源局资源局" },
        { label: "市生态环境局", value: "市生态环境局" },
        { label: "市住建局", value: "市住建局" },
      ],
      zy_options: [
        { label: "市政府驻北京联络处", value: "市政府驻北京联络处" },
        { label: "市政府驻上海联络处", value: "市政府驻上海联络处" },
      ],
      bz_options: [
        { label: "市外来投资局", value: "市外来投资局" },
        { label: "市行业主管部门", value: "市行业主管部门" },
        { label: "市司法局", value: "市司法局" },
        { label: "市市场监管局", value: "市市场监管局" },
        { label: "市审批服务监管局", value: "市审批服务监管局" },
        { label: "市规划和自然资源局", value: "市规划和自然资源局" },
        { label: "市住建局", value: "市住建局" },
        { label: "市城乡管理局", value: "市城乡管理局" },
      ],
      form1: {
        class_name: null,
        class_score1: null,
        class_score2: null,
        class_score3: null,
        class_score4: null,
      },
      form2: {
        district_name: null,
        district_score1: null,
        district_score2: null,
        district_score3: null,
        district_score4: null,
        district_score5: null,
        district_score6: null,
        district_score7: null,
        district_score8: null,
      },
      form3: {
        unit_name: null,
        unit_score1: null,
        unit_score2: null,
        unit_score3: null,
        unit_score4: null,
        unit_score5: null,
      },
      form4: {
        offices_name: null,
        offices_score1: null,
        offices_score2: null,
        offices_score3: null,
      },
      form5: {
        department_name: null,
        department_score1: null,
        department_score2: null,
        department_score3: null,
        department_score4: null,
      },
      old_form1: {
        class_name: null,
        class_score1: null,
        class_score2: null,
        class_score3: null,
        class_score4: null,
      },
      old_form2: {
        district_name: null,
        district_score1: null,
        district_score2: null,
        district_score3: null,
        district_score4: null,
        district_score5: null,
        district_score6: null,
        district_score7: null,
        district_score8: null,
      },
      old_form3: {
        unit_name: null,
        unit_score1: null,
        unit_score2: null,
        unit_score3: null,
        unit_score4: null,
        unit_score5: null,
      },
      old_form4: {
        offices_name: null,
        offices_score1: null,
        offices_score2: null,
        offices_score3: null,
      },
      old_form5: {
        department_name: null,
        department_score1: null,
        department_score2: null,
        department_score3: null,
        department_score4: null,
      },
    };
  },
  mounted() {
    this.getClassDropDownBox();
  },
  methods: {
    changeSelect1(val) {
      this.getScore(1, val);
    },
    changeSelect2(val) {
      this.getScore(2, val);
    },
    changeSelect3(val) {
      this.getScore(3, val);
    },
    changeSelect4(val) {
      this.getScore(4, val);
    },
    changeSelect5(val) {
      this.getScore(5, val);
    },
    async getScore(flag, name) {
      let res = await GetInputData({ flag, name });
      if (flag == 1) {
        this.old_form1 = res;
      }
      if (flag == 2) {
        this.old_form2 = res;
      }
      if (flag == 3) {
        this.old_form3 = res;
      }
      if (flag == 4) {
        this.old_form4 = res;
      }
      if (flag == 5) {
        this.old_form5 = res;
      }
    },
    async getClassDropDownBox() {
      let res = await ClassDropDownBox();
      let array = [];
      res.map((item) => {
        if (item != "") {
          array.push({ label: item, value: item });
        }
      });
      this.zb_options = array;
    },
    submit(type) {
      if (type == 1) {
        this.$refs["form1"].validate((valid) => {
          if (valid) {
            this.Edit1();
          } else {
            return false;
          }
        });
      }
      if (type == 2) {
        this.$refs["form2"].validate((valid) => {
          if (valid) {
            this.Edit2();
          } else {
            return false;
          }
        });
      }
      if (type == 3) {
        this.$refs["form3"].validate((valid) => {
          if (valid) {
            this.Edit3();
          } else {
            return false;
          }
        });
      }
      if (type == 4) {
        this.$refs["form4"].validate((valid) => {
          if (valid) {
            this.Edit4();
          } else {
            return false;
          }
        });
      }
      if (type == 5) {
        this.$refs["form5"].validate((valid) => {
          if (valid) {
            this.Edit5();
          } else {
            return false;
          }
        });
      }
    },
    async Edit1() {
      let res = await EditClassScore({ ...this.form1 });
      if (res.code == 0) {
        this.$refs["form1"].resetFields();
        this.$message.success(res.msg);
      } else {
        this.$message.error(res.msg);
      }
    },
    async Edit2() {
      let res = await EditDistrictScore({ ...this.form2 });
      if (res.code == 0) {
        this.$refs["form2"].resetFields();
        this.$message.success(res.msg);
      } else {
        this.$message.error(res.msg);
      }
    },
    async Edit3() {
      let res = await EditUnitScore({ ...this.form3 });
      if (res.code == 0) {
        this.$refs["form3"].resetFields();
        this.$message.success(res.msg);
      } else {
        this.$message.error(res.msg);
      }
    },
    async Edit4() {
      let res = await EditOverseasScore({ ...this.form4 });
      if (res.code == 0) {
        this.$refs["form4"].resetFields();
        this.$message.success(res.msg);
      } else {
        this.$message.error(res.msg);
      }
    },
    async Edit5() {
      let res = await EditServiceDepartmentScore({ ...this.form5 });
      if (res.code == 0) {
        this.$refs["form5"].resetFields();
        this.$message.success(res.msg);
      } else {
        this.$message.error(res.msg);
      }
    },
  },
};
</script>
<style lang="less" scoped>
.m-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

// 选项卡样式修改
/deep/.el-tabs__item {
  padding: 0 35px;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  height: 60px;
  line-height: 60px;
}
/deep/.el-tabs__item.is-active {
  font-weight: bold;
  color: #446db3;
}

/deep/.el-tabs__active-bar {
  height: 4px;
  background: #446db3;
}
/deep/ .el-tabs__nav-wrap {
  box-shadow: 0px 2px 6px 0px rgba(4, 0, 0, 0.1);
}
/deep/ .el-tabs__nav-wrap::after {
  height: 0;
}
/deep/.el-tabs__header {
  margin: 0;
  background: #fff;
}
/deep/.el-tabs {
  height: 100%;
  .el-tabs__content {
    box-sizing: border-box;
    height: calc(100% - 60px);
    padding: 30px 30px 20px;
    overflow: unset;
  }
}
/deep/.el-tabs__nav-scroll {
  padding-left: 30px;
}
/deep/ .el-tabs__header {
  z-index: 9;
}
/deep/ .el-tabs__content {
  width: 100%;
  height: 100%;
  background: #ffffff;
  text-align: left;
}
.title-box {
  cursor: default;
  img {
    vertical-align: middle;
    margin-right: 10px;
  }
  span {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    vertical-align: middle;
  }
}
.flex-box {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
/deep/ .el-form {
  margin-top: 30px;

  .el-input {
    width: 420px !important;
  }
  .long {
    .el-input {
      width: 920px !important;
    }
  }
  .el-input__inner {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    padding: 0 40px 0 15px;
  }
  .el-input__inner::placeholder {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
  }
  .el-button {
    margin-top: 20px;
    padding: 0;
    width: 100px;
    height: 40px;
    line-height: 38px;
    background: #446db3;
    border-radius: 8px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #ffffff;
  }
  .el-button.edit-btn {
    background: #ffffff;
    color: #446db3;
    border: 1px solid #446db3;
  }
}
/deep/ .el-form-item.first {
  flex: 0 0 525px;
  display: flex;
  flex-direction: column;
  margin-bottom: 14px;
}
/deep/ .el-form-item {
  flex: 0 0 525px;
  display: flex;
  flex-direction: column;
  margin-bottom: 4px;
}

/deep/ .el-form-item__label {
  width: 100% !important;
  text-align: left;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  line-height: 34px;
  opacity: 0.8;
}
/deep/ .el-form-item__content {
  margin-left: 0 !important;
}
/deep/ .el-icon-arrow-up::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 7px;
  background: url("~@img/project/icon-kaohe-down.png") no-repeat;
  transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.tips {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin: 0 10px;
}
.tips.relative {
  position: relative;
  left: -40px;
  top: -2px;
}
.tips.absolute {
  position: absolute;
  top: -24px;
  left: 440px;
}
/deep/ .el-form .s-long .el-input {
  width: 920px !important;
}
.last-log {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #bbbbbb;
  span:last-of-type {
    margin-left: 80px;
  }
}

/deep/ .form1 .el-form-item__error--inline {
  position: absolute;
  top: 10px;
  left: 450px;
}
/deep/ .form4 .el-form-item__error--inline {
  position: absolute;
  top: 10px;
  left: 450px;
}
/deep/ .form2 .el-form-item__error--inline {
  position: absolute;
  top: 10px;
  right: 140px;
}
/deep/ .form3 .el-form-item__error--inline {
  position: absolute;
  top: 10px;
  right: 140px;
}
/deep/ .form5 .el-form-item__error--inline {
  position: absolute;
  top: 10px;
  left: 760px;
}
/*
  *常用电脑尺寸  1680 * 900
  *              1536 * 864
  *              1440 * 900
  *ipad pro      1366 * 1024
  *ipad mini     1024 * 768
  *ipad          1024 * 768
 */
/*分辨率低于1680，采用下面的样式*/
@media screen and (max-device-width: 1680px) {
  .el-tabs {
    background: #fff;
  }
  /deep/ .el-tabs .el-tabs__content {
    transform: scale(0.92);
    -moz-transform: scale(0.92);
    -webkit-transform: scale(0.92);
    -o-transform: scale(0.92);
    transform-origin: 0 0;
  }
}
/*分辨率低于1536，采用下面的样式*/
@media screen and (max-device-width: 1536px) {
  /deep/ .el-tabs .el-tabs__content {
    transform: scale(0.82);
    -moz-transform: scale(0.82);
    -webkit-transform: scale(0.82);
    -o-transform: scale(0.82);
  }
  /deep/.el-tabs__item {
    padding: 0px 30px;
  }
}

/*分辨率低于1440，采用下面的样式*/
@media screen and (max-device-width: 1440px) {
  /deep/.el-tabs__item {
    padding: 0px 30px;
    font-size: 18px;
  }
}
/*分辨率低于1366，采用下面的样式*/
@media screen and (max-device-width: 1366px) {
  /deep/ .el-form-item {
    flex: 0 0 500px;
  }
}
/*分辨率低于1180，采用下面的样式*/
@media screen and (max-device-width: 1180px) {
  /deep/ .el-tabs .el-tabs__content {
    transform: scale(0.82);
    -moz-transform: scale(0.82);
    -webkit-transform: scale(0.82);
    -o-transform: scale(0.82);
  }
  /deep/ .el-tabs__item {
    padding: 0px 10px;
    font-size: 16px;
  }
  /deep/ .el-form .el-input {
    width: 360px !important;
  }
  /deep/ .el-form-item {
    flex: 0 0 400px;
  }
  /deep/ .el-form-item.first {
    flex: 0 0 400px;
  }
  /deep/ .form1 .el-form-item__error--inline {
    left: 370px;
  }
  /deep/ .form2 .el-form-item__error--inline {
    right: 80px;
  }
  /deep/ .form3 .el-form-item__error--inline {
    right: 80px;
  }
  /deep/ .form4 .el-form-item__error--inline {
    left: 370px;
  }
}
/*分辨率低于1024，采用下面的样式*/
@media screen and (max-device-width: 1024px) {
  /deep/ .el-tabs .el-tabs__content {
    width: 1000px;
    transform: scale(0.7);
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
  }
  /deep/ .el-tabs__item {
    padding: 0px 8px;
    font-size: 14px;
  }
  /deep/ .el-form {
    width: 800px;
  }
  /deep/ .form5 .el-form-item__error--inline {
    left: 640px;
  }
  /deep/ .el-form .s-long .el-input {
    width: 800px !important;
  }
  /deep/ .el-form .long .el-input {
    width: 800px !important;
  }
  /deep/ .el-form-item__label {
    font-size: 13px;
  }
  .tips.absolute {
    left: 370px;
  }
}
</style>
